
html：Hyper Text Marked Language (超文本标记语言)
为网页创建的一种标记语言，运行在浏览器上的

一字符集的意义
1.网页中特殊意义的字符
2.键盘上没有的字符

写法规则：以&开始，以；结束
&nbsp; 空格 
&lt; 小于号
&gt; 大于号
&amp; 和号
&quot; 引号
&apos; 撇号
&cent; 分
&pound; 磅
&yen; 日元
&euro; 欧元
&sect; 小节
&copy; 版权
&reg; 注册商标
&trade; 商标
&times; 乘号
&divide; 除号

二标记（标签，元素，盒子）
块级元素，行内元素，行内块元素


二1块级元素：
特点：
	1.总是在新行上开始（独占一行）
	2.高度和行高以及内外边距都是可控制的
	3.宽度缺省默认就是100%宽度
功能：
	主要是用来搭建网站架构，页面布局，承载内容

div: 架构，结构
p: 段落
h1、h2、h3、h4、h5、h6: 标题
ol: 有序列表，配合li使用
ul: 无序列表，配合li使用
hr: 水平线
noscript: 浏览器上禁止了JavaScript脚本运行里面代码
table: 表格
form: 表单
pre: 	定义预格式文本 （一般和code配合使用）

*****规范：在特定的情况下用特定的东西  *****


二2行内元素：
特点：
	1.和其它元素都在一行显示（不独占一行）
	2.高，行高以及顶部和底部的边距不可修改的
	3.宽度就是他文字的宽度，不可修改的
功能：
	用户加强内容显示，控制细节

span: 文档中的节
a: 超链接（跳转页面） <a href="" target="__blank">新页面打开</a>
code: 代码文本
em: 文字倾斜，更加语义强调
i: 文字倾斜 （字体图标）
strong: 文字加粗，更加语义强调
b: 文字加粗
label: 定义input标注


二3行内块元素：
特点：
	1.和其它元素都在一行显示（不独占一行）
	2.高，行高以及顶部和底部的边距可修改的
	3.宽度就是他文字的宽度，可修改的
功能：
	用户加强内容显示，控制细节

input: 定义输入控件
type='text' 输入框：默认
type='password' 密码
type='checkbox' 复选
type='radio' 单选
type='file' 上传
type='button' 按钮
type='submit' 提交
type='reset' 重置
textarea: 文本域
select: 定义选择列表（配合option来使用）
img: 定义图像


三html标签企业级规范

1.块级元素与块级元素平级，行内元素与行内元素平级
<div><span></span><p></p></div> //span是行内元素，p是块级元素，所以这个是错误的嵌套
<div><span></span><a ></a></div> //对的

2.块元素可以包含行内元素或某些块元素，但行内元素不能包含块元素，它只能包含其他的行内元素
<div><span></span></div>
<span><span></span></span>

3.有几个特殊的块级元素只能包含行内元素，不能再包含块元素
h1、h2、h3、h4、h5、h6、p、dt

4.块级元素不能放在标签p里面

5.li标签可以包含div标签，因为li和div标签都是装载内容的容器
<ul>
	<li>
		<div></div>
	</li>
</ul>





